<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Kumeu River - Your Invoice</title>

    <style type="text/css">
        a:link, a:visited, a:hover, a:active {
            color: #DC628A;
        }
        body,table {
            font-family: 'Helvetica Neue', Arial, sans-serif;
        }
    </style>
</head>

<body bgcolor="white" marginheight="40" marginwidth="40" style="line-height: 18px;">


<font face="Helvetica, Arial, sans-serif" size="-1" color="black" style="font-size: 12px; font-family: 'Helvetica Neue', Arial, sans-serif;">
    <table width="100%" cellspacing="0" cellpadding="0" bgcolor="white" style="background-color:#FEC4E1;">
        <tr>
            <td bgcolor="white" style="background-color:white;" height="10"></td>
        </tr>
        <tr>
            <td align="center" bgcolor="white" style="background-color: white;">
                <table width="600" bgcolor="white" align="center" border="0" cellpadding="0" cellspacing="0" align="center">
                    <tr>
                        <td style="text-align:left;">


                            <!-- Header -->
                            <table width="100%" border="0" cellspacing="0" cellpadding="10">
                                <tr>
                                    {#<td align="center"><img src="http://{{ constant('SITE_DOMAIN') }}/images/invoice-logo.png" alt="Kumeu River" width="580" height="150" /></td>#}
                                    <td align="center"><img src="http://albumpioneer.com/invoice-logo.png" alt="Kumeu River" width="580" height="150" /></td>
                                </tr>
                            </table>
                            <!-- Header -->



                            <!-- Sub-head -->
                            <table width="100%" border="0" cellspacing="0" cellpadding="10">
                                <tr>
                                    <td>
                                        <font color="black"><strong>Purchase ID:</strong> {{ cart.orderContainer.id }}</font>
                                    </td>
                                    <td align="right">
                                        <font color="black"><strong>Date:</strong>{{ "now"|date("m/d/Y") }}</font>
                                    </td>
                                </tr>
                            </table>
                            <!-- Sub-head -->

                            <hr noshade="noshade" size="1" style="border-top: 1px solid #ccc;" />


                            <table width="100%" border="0" cellspacing="0" cellpadding="10">
                                <tr>
                                    <td>
                                        <font color="black">

                                            <b>Postal Address:</b><br />
                                            550 State Highway 16<br/>
                                            Kumeu<br/>
                                            New Zealand<br/>
                                            <br/>
                                            <a href="mailto:info@kumeuriver.co.nz">info@kumeuriver.co.nz</a>


                                        </font>
                                    </td>
                                </tr>
                            </table>
                            <!-- Sub-head -->


                            <!-- Sub-head -->

                            <!-- Sub-head -->

                            <hr noshade="noshade" size="1" style="border-top: 1px solid #ccc;" />

                            <!-- Copy -->
                            <table width="100%" border="0" cellspacing="0" cellpadding="10" >
                                <tr>
                                    <td colspan="3">
                                        <p style="font-size: 16px;"><strong>Hi {{ cart.orderContainer.firstName }}</strong></p>

                                        <p style="font-size: 16px;">Thanks for your order, your payment has been received successfully.</p>

                                    </td>
                                </tr>
                            </table>
                            <!-- Copy -->


                            <hr noshade="noshade" size="1" style="border-top: 1px solid #ccc;" />



                            <!-- Details -->
                            <table width="100%" border="0" cellspacing="0" cellpadding="10">
                                {% for oi in cart.orderContainer.orderItems %}
                                    <tr>
                                        <td valign="top" width="33%">
                                            <strong>Your Purchase:</strong><br/>{{ oi.productInvoiceDescription }}
                                        </td>

                                        <td valign="top" width="33%">
                                            <strong>Quantity:</strong><br/>{{ oi.quantity }}
                                        </td>

                                        <td valign="top" width="33%" padding-bottom="10px">
                                            <strong>Payment:</strong><br/>{{cart.currencySign|raw}}{{ oi.subTotal|number_format(2, '.', ',') }}  {{cart.currency}}
                                        </td>
                                    </tr>
                                {% endfor %}
                                <tr>
                                    <td valign="top">
                                        <strong>Shipping Cost:</strong><br/>{{cart.currencySign}} {{cart.orderContainer.shippingPrice|number_format(2, '.', ',') }} {{cart.currency}}<br />
                                    </td>

                                    <td width="5%">&nbsp;</td>
                                </tr>
                                <tr>
                                    <td valign="top">
                                        <strong>Total Payment:</strong><br/>{{cart.currencySign|raw}} {{cart.orderContainer.totalPrice|number_format(2, '.', ',') }} {{cart.currency}}<br />
                                    </td>

                                    <td width="5%">&nbsp;</td>
                                </tr>
                            </table>

                            <hr noshade="noshade" size="1" style="border-top: 1px solid #ccc;" />

                            <table width="100%" border="0" cellspacing="0" cellpadding="10">
                                <tr>
                                    <td valign="bottom" width="50%">
                                        <p><strong>Your Details:</strong></p>
                                        <strong>First name:</strong> {{ cart.orderContainer.firstName }}<br />
                                        <strong>Last name:</strong> {{ cart.orderContainer.lastName }}<br />
                                        <strong>Email address:</strong> {{ cart.orderContainer.email }}<br />
                                        <strong>Phone:</strong> {{ cart.orderContainer.phone }}<br />
                                        <strong>Comments:</strong> {{ cart.orderContainer.comments }}<br />
                                    </td>
                                    <td width="50%">
                                        <p><strong>Delivery Address:</strong></p>
                                        {{cart.orderContainer.street}} <br />
                                        {{cart.orderContainer.suburb|default()}}<br />
                                        {{cart.orderContainer.city}}<br />
                                        {{cart.orderContainer.state|default()}}<br />
                                        {{cart.orderContainer.zip|default()}}
                                    </td>
                                </tr>
                            </table>

                            <!-- Details -->



                            <hr noshade="noshade" size="1" style="border-top: 1px solid #ccc;" />

                            <!-- Foot -->
                            <table width="100%" border="0" cellspacing="0" cellpadding="10" bgcolor="white">
                                <tr>
                                    <td align="center">
                                        <font color="black" size="-1" style="font-size: 12px;">
                                            Kumeu River &copy; {{ "now"|date("Y") }}
                                        </font>
                                    </td>
                                </tr>
                            </table>
                            <!-- Foot -->





                        </td>
                    </tr>
                </table>
                <br/>
                <br/>
            </td>
        </tr>
    </table>
</font>
</body>
</html>


